<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<div class="clearfix pt10">
    <aside class="pull-left">
        <span class="fs20 c-warning"><i class="fa fa-street-view"></i></span>
        <span class="ml10 fs20 c-333">收货地址</span>
        <span class="ml10 fs12 c-999">（选择最佳收货地址）</span>
    </aside>
</div>
<div class="mt20 ml20 mr20">
    <div class="row">
        <section th:if="!${#lists.isEmpty(userAddressList)}" th:each="userAddress : ${userAddressList}" class="col-sm-6 mt20">
            <div class="blank-item user-address-list-box" th:classappend="${userAddress['status']}==1 ? 'active':''" th:attrappend="data-id=${userAddress['id']},data-address=${userAddress['receiver']}+','+${userAddress['province']['areaName']}+''+${userAddress['city']['areaName']}+''+${userAddress['town']['areaName']}+''+${userAddress['address']}+','+${userAddress['mobile']}+','+${userAddress['postCode']}">
                <div class="text-left ml10 mr10 pt10 pb10 address-list_wrap">
                    <div class="clearfix">
                        <section class="col-sm-2 text-right">
                            <span class="fs12 c-999">收货人：</span>
                        </section>
                        <section class="col-sm-10">
                            <div class="hLh20">
                                <span class="fs12 c-666" th:text="${userAddress['receiver']}"></span>
                                <span th:if="${userAddress['status']}==1" class="fs12 ml20">[默认地址]</span>
                            </div>
                        </section>
                    </div>
                    <div class="clearfix">
                        <section class="col-sm-2 text-right">
                            <span class="fs12 c-999">地址：</span>
                        </section>
                        <section class="col-sm-10">
                            <div class="cm-desc-txt__twoLine">
                                <span class="fs12 c-666" th:text="${userAddress['province']['areaName']}+''+${userAddress['city']['areaName']}+''+${userAddress['town']['areaName']}+''+${userAddress['address']}"> </span>
                            </div>
                        </section>
                    </div>
                    <div class="clearfix">
                        <section class="col-sm-2 text-right">
                            <span class="fs12 c-999">手机号：</span>
                        </section>
                        <section class="col-sm-10">
                            <span class="fs12 c-666" th:text="${userAddress['mobile']}"></span>
                        </section>
                    </div>
                    <div class="clearfix">
                        <section class="col-sm-2 text-right">
                            <span class="fs12 c-999">邮编：</span>
                        </section>
                        <section class="col-sm-10">
                            <span class="fs12 c-666" th:text="${userAddress['postCode']}"></span>
                        </section>
                    </div>
                    <div class="clearfix pull-right address-list_edit">
                        <button id="updateAddressBtn" class="btn btn-outline btn-info" type="button"><i class="fa fa-paste fs12"></i> 编辑</button>
                    </div>
                </div>
            </div>
        </section>
        <section class="col-sm-6 mt20">
            <div class="blank-item">
                <div class="ml20 mr20 pt10 pb10">
                    <div>
                        <a href="javascript:void(0)" class="fs36 c-999" id="addAddRessBtn">
                            <i class="fa fa-plus"></i>
                            <div class="cm-desc-txt__twoLine">
                                <p class="fs12">新增收货地址</p>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </section>
    </div>
</div>
<hr>
</html>